extends ../_layout

block active
  - sidebar_active = 'blog-post.html'

block content
  .row
    // Blog Content
    .col-lg-9
      .panel.panel-default
        .panel-heading
          .bb
            h2.text-lg Maecenas rutrum fringilla vehicula. 
            p.clearfix
              span.pull-left
                small.mr-sm By 
                  a(href="") Erica Castro
                small.mr-sm May 03, 2015
                small 
                  strong 56
                  span Comments
        .panel-body.text-md
          p Praesent bibendum eros urna, in mattis est. Curabitur a purus urna, sit amet auctor erat. Praesent pellentesque augue eu tellus facilisis pretium. Aenean sollicitudin facilisis tortor eu mollis. Vivamus feugiat faucibus enim. Sed ut semper leo. Etiam feugiat risus massa. Nunc et magna in metus pharetra ultricies ac sit amet justo. Donec eu dolor sem, non auctor sapien. Suspendisse nisl nulla, interdum at fermentum eget, adipiscing in elit.
          p Proin est sapien, convallis non hendrerit nec, laoreet ut ipsum. Praesent blandit venenatis mauris ac cursus. Nulla commodo interdum magna consectetur lacinia. Maecenas vitae adipiscing mauris. Nam sodales sollicitudin adipiscing. 
          br
          .row
            .col-xs-3
              a(href=""): img.img-responsive(src="img/bg4.jpg")
            .col-xs-3
              a(href=""): img.img-responsive(src="img/bg5.jpg")
            .col-xs-3
              a(href=""): img.img-responsive(src="img/bg7.jpg")
            .col-xs-3
              a(href=""): img.img-responsive(src="img/bg8.jpg")
          br
          p Praesent tristique dui eu nunc fringilla et iaculis magna ornare. Proin sed erat sit amet metus rhoncus tincidunt. Vivamus commodo, tortor ut interdum posuere, urna risus aliquet purus, eu fringilla dui neque quis nisi. Proin posuere gravida ipsum, a pretium augue commodo eget. In id elit nulla. Donec nec magna a diam eleifend facilisis non in urna. Nam enim libero, lacinia a tristique a, accumsan sed purus. Phasellus ullamcorper rhoncus sagittis. 
          p Sed eu rhoncus magna. Morbi non dui elementum nisl ultrices tincidunt. Nullam sagittis hendrerit erat, sit amet gravida ante tristique non. Nam arcu quam, aliquet eget varius sed, placerat et elit. Morbi nec luctus eros. Cras rutrum scelerisque auctor. Praesent malesuada erat ut tellus egestas sagittis. Etiam feugiat risus massa. Aliquam eget turpis eget dui eleifend suscipit ac sed dolor. Sed accumsan adipiscing enim. Sed auctor dignissim fringilla. Sed id turpis tellus. Nam vel tristique dolor. Ut scelerisque ligula tellus. Duis accumsan, est vel convallis dignissim, est massa pharetra ipsum, eu auctor nunc mi ac libero. Integer fermentum molestie massa at congue. Vestibulum congue tempus odio ac posuere. Integer lorem metus, rutrum non rhoncus sed, fringilla interdum urna. 
          hr
          .btn-group(role='group', aria-label='...')
            button.btn.btn-default(type='button')
              em.fa.fa-facebook.text-muted
            button.btn.btn-default(type='button')
              em.fa.fa-twitter.text-muted
            button.btn.btn-default(type='button')
              em.fa.fa-google-plus.text-muted
            button.btn.btn-default(type='button')
              em.fa.fa-tumblr.text-muted
            button.btn.btn-default(type='button')
              em.fa.fa-pinterest.text-muted
            button.btn.btn-default(type='button')
              em.fa.fa-share-alt.text-muted
      .panel
        .panel-heading 3 Comments
        .panel-body
          .media
            .media-left
              a(href='#')
                img.media-object.img-circle.thumb64(src="img/user/01.jpg")
            .media-body
              h4#media-heading.media-heading
                a(href="") Susan Grant
                small 10 min
                a.anchorjs-link(href='#media-heading')
                  span.anchorjs-icon
              p Donec ac massa tortor. In hac habitasse platea dictumst. Nam blandit fringilla faucibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae nisi eget metus semper congue. 
              p Fusce ullamcorper placerat tortor, placerat consequat diam cursus posuere. 
          hr
          .media
            .media-left
              a(href='#')
                img.media-object.img-circle.thumb64(src="img/user/03.jpg")
            .media-body.mb-lg
              h4#media-heading.media-heading
                a(href="") Dustin Dunn
                small 20 min
                a.anchorjs-link(href='#media-heading')
                  span.anchorjs-icon
              | Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.        
              hr
              .media
                .media-left
                  a(href='#')
                    img.media-object.img-circle.thumb64(src="img/user/06.jpg")
                .media-body
                  h4#nested-media-heading.media-heading
                    a(href="") Marcus Gomez
                    small 1 hour
                    a.anchorjs-link(href='#nested-media-heading')
                      span.anchorjs-icon
                  | Integer ac nisl et urna gravida malesuada. Vivamus fermentum libero vel felis aliquet interdum. 
      .panel
        .panel-heading
          em.fa.fa-pencil.mr
          | Add your Comment
        .panel-body
          form.form-horizontal(action='/')
            .form-group
              .col-xs-6
                input#post-firstname.form-control(type='text', name='post-firstname', placeholder='Your firstname')
              .col-xs-6
                input#post-lastname.form-control(type='text', name='post-lastname', placeholder='Your lastname')
            .form-group
              .col-xs-12
                textarea#post-comment.form-control(name='post-comment', rows='4', placeholder='Comment here..')
            .form-group
              .col-xs-12
                button.btn.btn-effect-ripple.btn-primary(type='submit') Send Comment
    // Blog Sidebar
    .col-lg-3
      // Search
      .panel.panel-default
        .panel-heading Search
        .panel-body
          form.form-horizontal
            .input-group
              input.form-control(type='text', placeholder='Search for...')
              span.input-group-btn
                button.btn.btn-default(type='button')
                  em.fa.fa-search
      // Categories
      .panel.panel-default
        .panel-heading Categories
        .panel-body
          ul.list-unstyled
            li
              a(href="") 
                em.fa.fa-angle-right.fa-fw
                | Smartphones
            li
              a(href="") 
                em.fa.fa-angle-right.fa-fw
                | Mobiles
            li
              a(href="") 
                em.fa.fa-angle-right.fa-fw
                | Tech
            li
              a(href="") 
                em.fa.fa-angle-right.fa-fw
                | Inpiration
            li
              a(href="") 
                em.fa.fa-angle-right.fa-fw
                | Workspace
      // Tag Cloud
      .panel.panel-default
        .panel-heading Tag Cloud
        .panel-body
          #jqcloud.center-block
      // Ads
      .panel.panel-default
        .panel-heading Ads
        .panel-body
          a(href="")
            img.img-responsive.img-thumbnail(src="img/mockup.png")  

block vendor_css
  // JQCLOUD
  link(rel='stylesheet', href='../vendor/jqcloud2/dist/jqcloud.css')

block vendor_js
  // JQCLOUD
  script(src='../vendor/jqcloud2/dist/jqcloud.js')
  // Demo
  script(src='js/demo/demo-jqcloud.js')
